<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <script>
    var phoneScale = 1;
    if (window.screen && window.screen.width < 1250) {
      phoneScale = window.screen.width / 1250;
      if (window.orientation === 90 || window.orientation === -90) {
        phoneScale = window.screen.height / 1250;
      }
      document.write('<meta name="viewport" id="viewPort" content="width=1250, initial-scale=' + phoneScale + ', shrink-to-fit=no">');
    } else {
      document.write('<meta name=viewport id="viewPort" content="width=device-width,initial-scale=1,shrink-to-fit=no">');
    }

  </script>
  <meta name="description" content="">
  <title>tiny story</title>
</head>
<body class="header-fixed preloader">
<div id="app" v-cloak=""></div>

<script>
/*
  var targetProtocol = 'https:';
  if (window.location.protocol !== targetProtocol) {
    window.location.href = targetProtocol + window.location.href.substring(window.location.protocol.length);
  }
*/
  window.onorientationchange = function () {
    var phoneScale = 1;
    if (window.screen && window.screen.width < 1250) {
      phoneScale = window.screen.width / 1250;
      if (window.orientation === 90 || window.orientation === -90) {
        phoneScale = window.screen.height / 1250;
      }
      document.getElementById('viewPort').setAttribute('content', 'width=1250, initial-scale=' + phoneScale + ', shrink-to-fit=no');
    } else {
      document.getElementById('viewPort').setAttribute('content', 'width=device-width,initial-scale=1,shrink-to-fit=no');
    }
  };
</script>
</body>
</html>
